{% extends 'base.html' %}
{% block page-content-title %}机柜视图{% endblock %}

{% block page-nav-tab %}
<ol class="breadcrumb">
    <li><a href="/">Home</a></li>
    <li>资产查看</li>
    <li class="active">机柜视图</li>
</ol>
{% endblock %}
{% block header-css %}
<link href="/static/css/jgst.css" rel="stylesheet">
{% endblock %}

{% block page-content %}
<div class="container containerjifang">

    {% if error%}
    <h3>{{error}}</h3>
    {%endif%}
{%for key,value in asset_obj.items%}



      <div class="col-md-2" style="height:936px;" >
          <h4 id="jiguih4" align="center">{{key}}机柜</h4>
        <table align="center" style="height: 100%;"  border="10px" cellspacing="10px">
            <tr>
                <!--<td style="background-image:url(/static/img/jf/jg.gif); background-repeat:no-repeat;background-size:cover;"  bgcolor="#eeeeee"  width="147">-->
                <td   bgcolor="#CCCCCC"  width="130">
                <table border="0" cellpadding="1" cellspacing="100" height="100" width="99%">
                <tbody>
                    {%for i in value%}
                        {{i|safe}}
                    {%endfor%}
                 </tbody>
                </table>
                </td>
            </tr>
        </table>
      </div>

{%endfor%}
</div>
{%endblock%}



{% block bottom-js %}
<!--<script type="text/javascript" src="/static/plugins/DataTables/datatables.min.js"></script>-->


<script type="text/javascript">

    $(document).ready(function(){

            var active_node = $("#mainnav-menu a[href='"+ "{% url 'asset_Cabinet' %}" +"']");
            active_node.parent().addClass("active-link");
            if (active_node.parent().parent().hasClass("collapse")){
                active_node.parent().parent().addClass("in");
            }
        $("#container").removeClass('mainnav-lg');
        $("#container").addClass('mainnav-sm');
    });//end doc ready


</script>
<script>
function displayDIV(el) {
	whichEl = document.getElementById(el)
	whichEl.style.display   = 'block';
}

function hiddenDIV(el) {
	whichEl = document.getElementById(el)
	whichEl.style.display   = 'none';
}
</script>

{% endblock %}